tabOnClick()

function tabOnClick() {
	var navs = document.querySelectorAll("nav a");
	document.querySelector("section").style.display="block";
	for(var i=0; i<navs.length; i++){
		navs[i].onclick = function(){
			//每次点击前都先清除原来的内容
			var beforeNav = document.querySelector(".active")
			var beforeId = beforeNav.getAttribute("href");
			document.getElementById(beforeId.substr(1)).style.display="none"

			for(var j=0; j<navs.length; j++){
				//先去除所有的active标签
				navs[j].classList.remove("active");
			}
			this.classList.add("active");
			//获取对应的内容标签并添加样式
			var secId = this.getAttribute("href");
			try {
				document.querySelector(secId).style.display = "block";
			} catch (error) {
				alert('Not Match target Id')	
			}
		}
	}
}

// _$('document').ready(function(){
// 	_$('div[name]').each(function(idx, dom) {
// 		console.log(dom)
// 	})
// });


